<div class="container-fluid">
	<div id="content">
		<p><i class="fa fa-search" style="font-size:36px"></i>&nbsp;多项数据对比&nbsp;&nbsp;构造您的条件：</p>
		<hr>

		<h5>选择球员 <span class="badge badge-secondary">可选择很多个球员</span></h5>
		<br>
		<form id="multipleDataCompareConditionForm" class="form-inline" role="form">
			<div class="form-group input-group-sm">
				<label for="roleSelect">球场位置：</label>
				<select id="roleSelect" class="form-control" style="margin-right: 20px;">
					<option value="">请选择</option>
					<option value="后卫">后卫</option>
					<option value="前锋">前锋</option>
					<option value="中锋">中锋</option>
				</select>
				<label for="playerName">球员姓名：</label>
				<input id="playerName" type="text" class="form-control col-lg-15" onkeydown="OnTextChanged()" placeholder="请输入球员姓名">
				<button type="reset" style="margin-right: 10px; margin-left: 10px;" class="btn btn-warning btn-sm">重置</button>
				<button id="search" type="button" onclick="searchPlayerForMultipleCondition()" data-toggle="modal" data-target="#myModal"
				 class="btn btn-primary btn-sm">查询</button>
			</div>&nbsp;

			<div class="form-group input-group-sm">
				<button type="button" onclick="searchTopmostPlayerForMultiple()" style="margin-right: 10px; margin-left: 10px;" class="btn btn-primary btn-sm"
				 data-toggle="modal" data-target="#myModal">选择热门球员</button>
				 <button type="button" onclick="chooseAllTopmostPlayer()" style="margin-right: 10px; " class="btn btn-primary btn-sm"
				  >选择所有热门球员</button>
				<button type="button" onclick="clearChoosedPlayer()" style="margin-right: 10px;" class="btn btn-warning btn-sm">重置已选球员</button>
			</div>&nbsp;
		</form>
		<br>

		<h6>已选择球员如下：</h6>
		<div id="choosedPlayer">

		</div>

		<hr>
		<h5>选择常规赛或季后赛</h5>
		<form class="form-inline" role="form">
			<select id="seasonTypeSelect" class="form-control" style="margin-right: 20px;">
				<option value="">请选择</option>
				<option value="regularSeason">常规赛</option>
				<option value="postSeason">季后赛</option>
			</select>
		</form>
		<br>
		
		<h5>选择赛季</h5>
		<form class="form-inline" role="form">
			<select id="seasonSelect" class="form-control" style="margin-right: 20px;">
				<option value="">请选择</option>
				<#list seasonList as season>
					<option value="${season}">${season[2..3]}-${((season?number+1)?string)[3..4]}</option>
				</#list>
			</select>
		</form>
		<br>

		<h5>选择数据维度：一</h5>
		<form id="dataType" class="form-inline" role="form">
			<h6>场均数据</h6>
			<select class="form-control" style="margin-right: 20px; margin-left: 10px;">
				<option value="">请选择</option>
				<option value="score">得分</option>
				<option value="playingTime">出场时间</option>
				<option value="shootingPercentage">投篮命中率</option>
				<option value="shootingAmount">投篮命中数</option>
				<option value="shootingAttempts">投篮出手数</option>
				<option value="threePointPercentage">三分命中率</option>
				<option value="threePointAmount">三分命中数</option>
				<option value="threePointAttempts">三分出手数</option>
				<option value="rebound">篮板球</option>
				<option value="frontRebound">前场篮板</option>
				<option value="backRebound">后场篮板</option>
				<option value="assists">助攻数</option>
				<option value="steal">抢断数</option>
				<option value="blockShot">盖帽数</option>
				<option value="fault">失误</option>
				<option value="foul">犯规</option>
				<option value="wins">胜场</option>
				<option value="losses">负场</option>
			</select>
			<h6>总计数据</h6>
			<select id="sumSelect" class="form-control" style="margin-right: 20px; margin-left: 10px;">
				<option value="">请选择</option>
				<option value="score">得分</option>
				<option value="playingTime">出场时间</option>
				<option value="shootingPercentage">投篮命中率</option>
				<option value="shootingAmount">投篮命中数</option>
				<option value="shootingAttempts">投篮出手数</option>
				<option value="threePointPercentage">三分命中率</option>
				<option value="threePointAmount">三分命中数</option>
				<option value="threePointAttempts">三分出手数</option>
				<option value="rebound">篮板球</option>
				<option value="frontRebound">前场篮板</option>
				<option value="backRebound">后场篮板</option>
				<option value="assists">助攻数</option>
				<option value="steal">抢断数</option>
				<option value="blockShot">盖帽数</option>
				<option value="fault">失误</option>
				<option value="foul">犯规</option>
				<option value="wins">胜场</option>
				<option value="losses">负场</option>
			</select>
			<h6>进阶数据</h6>
			<select id="basicAdvSelect" class="form-control" style="margin-right: 20px; margin-left: 10px;">
				<option value="">请选择</option>
				<option value="reboundRate">篮板率</option>
				<option value="attackReboundRate">进攻篮板率</option>
				<option value="defendReboundRate">防守篮板率</option>
				<option value="assistsRate">助攻率</option>
				<option value="stealRate">抢断率</option>
				<option value="blockShotRate">盖帽率</option>
				<option value="faultRate">失误率</option>
				<option value="usageRate">使用率</option>
				<option value="attackEfficiency">进攻效率</option>
				<option value="defendEfficiency">防守效率</option>
				<option value="winShare">胜利贡献率</option>
				<option value="attackWinShare">进攻贡献率</option>
				<option value="defendWinShare">防守贡献率</option>
				<option value="playerEfficiencyRating">效率值</option>
				<option value="dunk">扣篮</option>
				<option value="andOne">进球加罚</option>
			</select>
			<h6>进阶投篮数据</h6>
			<select id="shootingAdvSelect" class="form-control" style="margin-right: 20px; margin-left: 10px;">
				<option value="">请选择</option>
				<option value="distance">出手距离</option>
				<option value="basketPercentage">篮下命中率</option>
				<option value="basketAmount">篮下命中数</option>
				<option value="basketAttempts">篮下出手数</option>
				<option value="basketProportion">篮下出手占比</option>
				<option value="closeTwoPercentage">近距两分命中率</option>
				<option value="closeTwoAmount">近距两分命中数</option>
				<option value="closeTwoAttempts">近距两分出手数</option>
				<option value="closeTwoProportion">近距两分出手占比</option>
				<option value="middleTwoPercentage">中距两分命中率</option>
				<option value="middleTwoAmount">中距两分命中数</option>
				<option value="middleTwoAttempts">中距两分出手数</option>
				<option value="middleTwoProportion">中距两分出手占比</option>
				<option value="longTwoPercentage">远距两分命中率</option>
				<option value="longTwoAmount">远距两分命中数</option>
				<option value="longTwoAttempts">远距两分出手数</option>
				<option value="longTwoProportion">远距两分出手占比</option>
				<option value="TrueShootingPercentage">真实命中率</option>
				<option value="ShootingEfficiency">投篮效率</option>
			</select>
			
<!-- 			<button type="reset" style="margin-right: 10px; margin-left: 10px;" class="btn btn-warning btn-sm">重置</button>
			<button type="button" onclick="chooseDataTypeForMultiple()" class="btn btn-primary btn-sm">选择数据维度</button>
			<button type="button" onclick="" style="margin-right: 10px;" class="btn btn-warning btn-sm">重置已选数据维度</button> -->
		</form>
		<br>


		<h5>选择数据维度：二</h5>
		<form id="dataType2" class="form-inline" role="form">
			<h6>场均数据</h6>
			<select id="avgSelect" class="form-control" style="margin-right: 20px; margin-left: 10px;">
				<option value="">请选择</option>
				<option value="score">得分</option>
				<option value="playingTime">出场时间</option>
				<option value="shootingPercentage">投篮命中率</option>
				<option value="shootingAmount">投篮命中数</option>
				<option value="shootingAttempts">投篮出手数</option>
				<option value="threePointPercentage">三分命中率</option>
				<option value="threePointAmount">三分命中数</option>
				<option value="threePointAttempts">三分出手数</option>
				<option value="rebound">篮板球</option>
				<option value="frontRebound">前场篮板</option>
				<option value="backRebound">后场篮板</option>
				<option value="assists">助攻数</option>
				<option value="steal">抢断数</option>
				<option value="blockShot">盖帽数</option>
				<option value="fault">失误</option>
				<option value="foul">犯规</option>
				<option value="wins">胜场</option>
				<option value="losses">负场</option>
			</select>
			<h6>总计数据</h6>
			<select id="sumSelect" class="form-control" style="margin-right: 20px; margin-left: 10px;">
				<option value="">请选择</option>
				<option value="score">得分</option>
				<option value="playingTime">出场时间</option>
				<option value="shootingPercentage">投篮命中率</option>
				<option value="shootingAmount">投篮命中数</option>
				<option value="shootingAttempts">投篮出手数</option>
				<option value="threePointPercentage">三分命中率</option>
				<option value="threePointAmount">三分命中数</option>
				<option value="threePointAttempts">三分出手数</option>
				<option value="rebound">篮板球</option>
				<option value="frontRebound">前场篮板</option>
				<option value="backRebound">后场篮板</option>
				<option value="assists">助攻数</option>
				<option value="steal">抢断数</option>
				<option value="blockShot">盖帽数</option>
				<option value="fault">失误</option>
				<option value="foul">犯规</option>
				<option value="wins">胜场</option>
				<option value="losses">负场</option>
			</select>
			<h6>进阶数据</h6>
			<select id="basicAdvSelect" class="form-control" style="margin-right: 20px; margin-left: 10px;">
				<option value="">请选择</option>
				<option value="reboundRate">篮板率</option>
				<option value="attackReboundRate">进攻篮板率</option>
				<option value="defendReboundRate">防守篮板率</option>
				<option value="assistsRate">助攻率</option>
				<option value="stealRate">抢断率</option>
				<option value="blockShotRate">盖帽率</option>
				<option value="faultRate">失误率</option>
				<option value="usageRate">使用率</option>
				<option value="attackEfficiency">进攻效率</option>
				<option value="defendEfficiency">防守效率</option>
				<option value="winShare">胜利贡献率</option>
				<option value="attackWinShare">进攻贡献率</option>
				<option value="defendWinShare">防守贡献率</option>
				<option value="playerEfficiencyRating">效率值</option>
				<option value="dunk">扣篮</option>
				<option value="andOne">进球加罚</option>
			</select>
			<h6>进阶投篮数据</h6>
			<select id="shootingAdvSelect" class="form-control" style="margin-right: 20px; margin-left: 10px;">
				<option value="">请选择</option>
				<option value="distance">出手距离</option>
				<option value="basketPercentage">篮下命中率</option>
				<option value="basketAmount">篮下命中数</option>
				<option value="basketAttempts">篮下出手数</option>
				<option value="basketProportion">篮下出手占比</option>
				<option value="closeTwoPercentage">近距两分命中率</option>
				<option value="closeTwoAmount">近距两分命中数</option>
				<option value="closeTwoAttempts">近距两分出手数</option>
				<option value="closeTwoProportion">近距两分出手占比</option>
				<option value="middleTwoPercentage">中距两分命中率</option>
				<option value="middleTwoAmount">中距两分命中数</option>
				<option value="middleTwoAttempts">中距两分出手数</option>
				<option value="middleTwoProportion">中距两分出手占比</option>
				<option value="longTwoPercentage">远距两分命中率</option>
				<option value="longTwoAmount">远距两分命中数</option>
				<option value="longTwoAttempts">远距两分出手数</option>
				<option value="longTwoProportion">远距两分出手占比</option>
				<option value="TrueShootingPercentage">真实命中率</option>
				<option value="ShootingEfficiency">投篮效率</option>
			</select>
			
			<!-- <button type="reset" style="margin-right: 10px; margin-left: 10px;" class="btn btn-warning btn-sm">重置</button>
			<button type="button" onclick="chooseDataTypeForMultiple()" class="btn btn-primary btn-sm">选择数据维度</button>
			<button type="button" onclick="" style="margin-right: 10px;" class="btn btn-warning btn-sm">重置已选数据维度</button> -->
		</form>
		<br>
		
		<button type="button" onclick="readyCompareForMultiple()" class="btn btn-success">提交</button>
		<br>

		<hr>
		<p><i class="fa fa-male" style="font-size:36px"></i>&nbsp;下面为球员数据对比</p>
		<hr>

		<div id="playerMultipleCompareContent" class="chartContent">

		</div>


		<!-- 模态框 -->
		<div class="modal fade" id="myModal">
			<div class="modal-dialog modal-lg">
				<div class="modal-content">

					<!-- 模态框头部 -->
					<div class="modal-header">
						<h4 class="modal-title">请选择球员</h4>
						<button type="button" class="close" data-dismiss="modal">&times;</button>
					</div>

					<!-- 模态框主体 -->
					<div id="playersForCondition" class="modal-body">

					</div>

					<!-- 模态框底部 -->
					<div class="modal-footer">
						<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
					</div>

				</div>
			</div>
		</div>

	</div>
</div>
